<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面布局</title>
</head>
<body>
<div id="container" style="width:1000px">

    <div id="header" style="background-color:#980000;">
        <h1 style="margin-bottom:0;">主要的网页标题</h1></div>

    <div id="menu" style="background-color:#FF9933;height:500px;width:200px;float:left;">
        <b>星空</b><br></div>

    <div id="content" style="background-color:#EEEEEE;height:500px;width:800px;float:left;">
        <img src="sky.png" alt="access denied" align="middle" width="800" height="500"></div>

    <div id="footer" style="background-color:#980000;clear:both;text-align:center;">
        页脚</div>

</div>

</body>
</html>